<script setup>
import {ref} from 'vue'
let a = "基本工资";
let b = "岗位工资";
let c = "月度奖金";
let d = "综合补贴";
let e = "扣款金额";
let f = "应发工资";
let jbmoney = ref(0);
let gwmoney = ref(0);
let ydmoney = ref(0);
let zhmoney = ref(0);
let kkmoney = ref(0);
</script>
<template>
  <p>{{ a }}
    <el-input  style="width: 30%" v-model="jbmoney"/>
  </p>
  <p>{{ b }}
    <el-input  style="width: 30%" v-model="gwmoney" />
  </p>
  <p>{{ c }}
    <el-input style="width: 30%" v-model="ydmoney" />
  </p>
  <p style="color: aquamarine">{{ d }}
    <el-input style="width: 30%" v-model="zhmoney" />
  </p>
  <p>{{ e }}
    <el-input  style="width: 30%" v-model="kkmoney" />
  </p>
  <p>{{ f }}
    <span>￥</span>
    <span>{{(jbmoney-0)+(gwmoney-0)+(ydmoney-0)+(zhmoney-0)-(kkmoney-0)}}</span>
    <span>元</span>
  </p>
</template>
<style scoped>

</style>